<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<title>新闻</title>
	<link rel="stylesheet" href="css/pub_style.css">
	<link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
  <!-- 顶部区域 -->
  <header>
      <img id="logo" src="images/logo.png" alt="">
      <a href=""><img id="email" src="images/email.png" alt=""></a>
  </header>
  <!-- 广告区域 -->
  <a href=""><img id="ad" src="images/list2/ad.jpg" alt=""></a>
	<!-- 分类导航区域 -->
  <nav>
    <a href="index.html">推荐</a>
    <a style="color:#FF3333;" href="list_xinwen.html">新闻</a>
    <a href="list_tiyu.html">体育</a>
    <a href="list_yule.html">娱乐</a>
    <a href="list_caijing.html">财经</a>
		<a href="javascript:;"><i class="iconfont i">&#xe602;</i></a>
	</nav>
	<!-- 轮播区域 -->
	<div id="lunbo">
		<a href=""><img src="images/list2/lunbo1.jpeg" alt=""></a>
	</div>
  <!-- 最新新闻 -->
  <article>      
        <section>
            <a href="">
              <img src="images/list2/list1.jpeg" alt="">
                <div class="content">
                    <span class="title">金正恩向水泥联合企业工人致贺电 吁大量生产水泥</span>
                  <div class="content_bottom">
                        <div class="tag">
                           <time>13小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>7597</span>
                        </div> 
                    </div>
                </div>
            </a> 
        </section>

        <section>
            <a href="">
                <img src="images/list2/list2.jpeg" alt="">
                <div class="content">
                    <span class="title">NASA发布冥王星疑似冰火山高分辨率彩图（图）</span>
                    <div class="content_bottom">
                        <div class="tag">
                           <time>10分钟前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>2万</span>
                        </div> 
                    </div>
                </div>
            </a>
        </section>
    </article>
	<!-- 图展新闻 -->
    <div class="news">
    	<h3 class="news_title">日本雪猴泡温泉 表情销魂萌翻</h3>
    	<div class="news_tu">
    		<a href=""><img src="images/list2/news1_1.jpeg" alt=""></a>
    		<a href=""><img src="images/list2/news1_2.jpeg" alt=""></a>
    		<a href=""><img src="images/list2/news1_3.jpeg" alt=""></a>
    	</div>
    	<div class="news_bottom">
    	   <div class="tag">
	    	   <time>6小时前</time>
    	   </div>
    	   <div class="read_num">
    	   	   <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>988</span>
    	   </div>
    	</div>
    </div>

   <!-- 列表新闻区域 -->
    <article>      
        <section>
            <a href="">
            	<img src="images/list2/list3.jpeg" alt="">
                <div class="content">
                    <span class="title">国民党主席补选将于2月底完成</span>
                	<div class="content_bottom">
                        <div class="tag">
                           <time>13分钟前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>7597</span>
                        </div> 
                    </div>
                </div>
            </a> 
        </section>

        <section>
            <a href="">
                <img src="images/list2/list4.jpeg" alt="">
                <div class="content">
                    <span class="title">男子偷偷求婚148次女友没发现</span>
                    <div class="content_bottom">
                        <div class="tag">
                           <time>15分钟前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>135</span>
                        </div> 
                    </div>
                </div>
            </a>
        </section>
    </article>
    <!-- footer部分 -->
    <footer>
        <div class="copyright">@1997-2016网易公司版权所有</div>
    </footer>
</body>
</html>